import globals from 'globals'
import pluginJs from '@eslint/js'
import tseslint from 'typescript-eslint'
import tseslintParser from '@typescript-eslint/parser'
import pluginReact from 'eslint-plugin-react'
import pluginPrettier from 'eslint-plugin-prettier'
import configPrettier from 'eslint-config-prettier'

// FlatConfig[] 是 @eslint/js 8.56.0+ 使用的配置
/** @type {import('eslint').Linter.Config[]} */
export default [
  // 基础解析配置
  {
    files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'],
    languageOptions: {
      globals: { ...globals.browser, ...globals.es2021 },
      parser: tseslintParser,
      parserOptions: {
        ecmaVersion: 'latest',
        sourceType: 'module',
        ecmaFeatures: { jsx: true }
        // project: './tsconfig.json' // 显式指定 tsconfig.json 路径，避免类型检查错误
      }
    },
    plugins: {
      react: pluginReact,
      '@typescript-eslint': tseslint.plugin // 启用 @typescript-eslint 插件替代原生规则
    },
    settings: {
      react: { version: 'detect' }
    }
  },

  // 推荐配置继承
  pluginJs.configs.recommended,
  ...tseslint.configs.recommended,
  pluginReact.configs.flat.recommended,
  configPrettier,

  // 分离 Prettier 集成层，确保规则覆盖顺序正确
  {
    plugins: { prettier: pluginPrettier },
    rules: {
      ...pluginPrettier.configs.recommended.rules, // 继承 eslint-config-prettier 的规则禁用集
      'prettier/prettier': ['error', { endOfLine: 'auto' }] // 添加 endOfLine: 'auto' 兼容多平台换行符
    }
  },

  // 自定义规则覆盖层
  {
    rules: {
      'react/react-in-jsx-scope': 'off',
      'react/jsx-no-target-blank': 'off',
      '@typescript-eslint/no-unused-vars': [
        'error',
        { argsIgnorePattern: '^_', varsIgnorePattern: '^_' } // 忽略 _ 开头的变量
      ],
      'no-undef': 'off' // 由 TypeScript 接管变量检查
    }
  },

  // 配置文件特殊处理
  {
    files: ['**/*.config.{js,cjs}', '**/.*rc.js'],
    languageOptions: {
      globals: { ...globals.node }, // 启用 Node.js 全局变量 (module/require)
      parserOptions: { sourceType: 'script' }
    },
    rules: {
      '@typescript-eslint/no-var-requires': 'off',
      'no-undef': 'off'
    }
  }
]
